<template>
  <nav class="botton-nav">
    <div class="title">
      美团导航
    </div>
    <dl class="b-n-content">
      <div class="b-n-classification">
        <dt class="b-n-subtitle">
          热门城市
        </dt>
        <div class="b-n-sublist">
          <dd class="b-n-list-item">
            <a
              href="https://sz.meituan.com"
              title="深圳"
              target="_blank"
            >深圳</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://su.meituan.com"
              title="苏州"
              target="_blank"
            >苏州</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://cc.meituan.com"
              title="长春"
              target="_blank"
            >长春</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://sh.meituan.com"
              title="上海"
              target="_blank"
            >上海</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://fs.meituan.com"
              title="佛山"
              target="_blank"
            >佛山</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://km.meituan.com"
              title="昆明"
              target="_blank"
            >昆明</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://wz.meituan.com"
              title="温州"
              target="_blank"
            >温州</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://cd.meituan.com"
              title="成都"
              target="_blank"
            >成都</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://nn.meituan.com"
              title="南宁"
              target="_blank"
            >南宁</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://dl.meituan.com"
              title="大连"
              target="_blank"
            >大连</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://cq.meituan.com"
              title="重庆"
              target="_blank"
            >重庆</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://ty.meituan.com"
              title="太原"
              target="_blank"
            >太原</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://nb.meituan.com"
              title="宁波"
              target="_blank"
            >宁波</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://sy.meituan.com"
              title="沈阳"
              target="_blank"
            >沈阳</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://qd.meituan.com"
              title="青岛"
              target="_blank"
            >青岛</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://wx.meituan.com"
              title="无锡"
              target="_blank"
            >无锡</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://tj.meituan.com"
              title="天津"
              target="_blank"
            >天津</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://bj.meituan.com"
              title="北京"
              target="_blank"
            >北京</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://nj.meituan.com"
              title="南京"
              target="_blank"
            >南京</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://cz.meituan.com"
              title="常州"
              target="_blank"
            >常州</a>
          </dd>
        </div>
      </div>
      <div class="b-n-classification">
        <dt class="b-n-subtitle">
          热门分类
        </dt>
        <div class="b-n-sublist">
          <dd class="b-n-list-item">
            <a
              href="//hotel.meituan.com"
              title="酒店"
              target="_blank"
            >酒店<span class="nav-promotion">HOT</span></a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/meishi/"
              title="美食"
              target="_blank"
            >美食</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/xiuxianyule/"
              title="休闲娱乐"
              target="_blank"
            >休闲娱乐</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/yundongjianshen/"
              title="运动健身"
              target="_blank"
            >运动健身</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/shenghuo/"
              title="生活服务"
              target="_blank"
            >生活服务</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/shangmenfuwu/"
              title="上门服务"
              target="_blank"
            >上门服务</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/wanggou/"
              title="购物"
              target="_blank"
            >购物</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/shishanggou/"
              title="时尚购"
              target="_blank"
            >时尚购</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/bendigouwu/"
              title="本地购物"
              target="_blank"
            >本地购物</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/jiehun/"
              title="结婚"
              target="_blank"
            >结婚</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/sheyingxiezhen/"
              title="摄影写真"
              target="_blank"
            >摄影写真</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/yanhui/"
              title="宴会"
              target="_blank"
            >宴会</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/jiankangliren/"
              title="丽人"
              target="_blank"
            >丽人</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/qinzi/"
              title="母婴亲子"
              target="_blank"
            >母婴亲子</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/xuexipeixun/"
              title="学习培训"
              target="_blank"
            >学习培训</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/jiazhuang/"
              title="家装"
              target="_blank"
            >家装</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/aiche/"
              title="汽车服务"
              target="_blank"
            >汽车服务</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/yiliao/"
              title="医疗"
              target="_blank"
            >医疗</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://st.meituan.com/chongwu/"
              title="宠物"
              target="_blank"
            >宠物</a>
          </dd>
        </div>
      </div>
      <div class="b-n-classification">
        <dt class="b-n-subtitle">
          周边热门
        </dt>
        <div class="b-n-sublist">
          <dd class="b-n-list-item">
            <a
              href="//hotel.meituan.com"
              title="潮州酒店"
              target="_blank"
            >潮州酒店</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaozhou.meituan.com/meishi"
              title="潮州美食"
              target="_blank"
            >潮州美食</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaoan.meituan.com/xiuxianyule"
              title="潮安休闲娱乐"
              target="_blank"
            >潮安休闲娱乐</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaoan.meituan.com/yundongjianshen"
              title="潮安运动健身"
              target="_blank"
            >潮安运动健身</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://jy.meituan.com/shenghuo"
              title="揭阳生活服务"
              target="_blank"
            >揭阳生活服务</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://jy.meituan.com/shangmenfuwu"
              title="揭阳上门服务"
              target="_blank"
            >揭阳上门服务</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://jy.meituan.com/wanggou"
              title="揭阳购物"
              target="_blank"
            >揭阳购物</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://jy.meituan.com/shishanggou"
              title="揭阳时尚购"
              target="_blank"
            >揭阳时尚购</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaozhou.meituan.com/bendigouwu"
              title="潮州本地购物"
              target="_blank"
            >潮州本地购物</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaoan.meituan.com/jiehun"
              title="潮安结婚"
              target="_blank"
            >潮安结婚</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaoan.meituan.com/sheyingxiezhen"
              title="潮安摄影写真"
              target="_blank"
            >潮安摄影写真</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://jy.meituan.com/yanhui"
              title="揭阳宴会"
              target="_blank"
            >揭阳宴会</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaozhou.meituan.com/jiankangliren"
              title="潮州丽人"
              target="_blank"
            >潮州丽人</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://jy.meituan.com/qinzi"
              title="揭阳母婴亲子"
              target="_blank"
            >揭阳母婴亲子</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaozhou.meituan.com/xuexipeixun"
              title="潮州学习培训"
              target="_blank"
            >潮州学习培训</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaozhou.meituan.com/jiazhuang"
              title="潮州家装"
              target="_blank"
            >潮州家装</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaozhou.meituan.com/aiche"
              title="潮州汽车服务"
              target="_blank"
            >潮州汽车服务</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaoan.meituan.com/yiliao"
              title="潮安医疗"
              target="_blank"
            >潮安医疗</a>
          </dd>
          <dd class="b-n-list-item">
            <a
              href="https://chaoan.meituan.com/chongwu"
              title="潮安宠物"
              target="_blank"
            >潮安宠物</a>
          </dd>
        </div>
      </div>
    </dl>
  </nav>
</template>

<script>
export default {}
</script>

<style lang="scss">
@import '@/assets/css/index/bottomNav.scss';
</style>
